body {
	min-width: 320px;
	max-width: 640px;
	margin: 0 auto;
}
/* 顶部工具条 */
.header-bar {
	position: fixed;
	width: 100%;
	max-width: 640px;
	min-width: 320px;
	background-color: #d43f3a;
	display: flex;	//利用flex布局实现
	border-bottom: 1px solid #ff8b00;
	-webkit-box-shadow: 0 2px 3px #DDD;		//设置盒子阴影，兼容性问你题
	-moz-box-shadow: 0 2px 3px #DDD;
	box-shadow: 0 2px 3px #DDD;
	// 左侧返回按钮
	>.back {
		margin-left: 10px;
		>.icon-back {
			color: #FFF;
			padding: 13px;
			top: 0;
			font-size: 18px;
		}
	}
	// 中间标题
	>.page-title {
		flex: 8;
		text-align: center;
		>h1 {
			color: #FFF;
			margin: 0;
			font-size: 20px;
			line-height: 44px;
		}
	}
	// 右侧APP下载
	>.app {
		margin-right: 10px;
		height: 44px;
		>.icon-app {
			display: inline-block;
			width: 44px;
			height: 44px;
			padding: 5px;
			background: url('../images/header_app.png') center center no-repeat;
			background-size: 34px 34px;
		}
	}
}
/* 筛选功能部分 */
.list {
	display: flex;
	background-color: #FFF;
	position: fixed;
	top: 45px;
	width: 100%;
	max-width: 640px;
	min-width: 320px;
	li {
		background-color: #FFF;
	}
	// 左侧筛选列表
	>.filter {
		flex: 9;
		border-bottom: 1px solid #DADADA;
		ul {
			display: flex;
			margin-bottom: 0;
			li {
				flex: 3;
				line-height: 37px;
				text-align: center;
				a {
					display: block;
					width: 100%;
					font-size: 16px;
					color: #5A5A5A;
					span {
						font-size: 8px;
						padding: 6px;
						margin-left: -5px;
					}
				}
			}
		}
	}
	>.dropdown {
		position: absolute;
		top: 38px;
		width: 100%;
		display: none;
		-webkit-box-shadow: 0 3px 6px #DDD;
		-moz-box-shadow: 0 3px 6px #DDD;
		box-shadow: 0 3px 6px #DDD;
		li {
			border-bottom: 1px solid #DADADA;
			position: relative;
			a {
				display: block;
				padding: 0 10px;
				line-height: 40px;
				color: #5A5A5A;
				font-size: 16px;
				position: relative;
			}
		}
	}
	// 右侧搜索
	>.search {
		border-left: 1px solid #DADADA;
		border-bottom: 1px solid #DADADA;
		>.icon-search {
			font-size: 17px;
			padding: 10px;
			color: #BBB;
		}
	}
} 
// 下拉列表显示
.pop-search {
	li.current-click {
		>a {
			background-color: #FF9501;
			color: #FFF;
			border: 1px solid #FF9501;
		}
	}
}
// 下拉列表中被选中项
.list > .on {
	display: block;
	z-index: 10;
}

.list {
	>.dropdown {
		>ul {
			>li.on::after {
				content: "√";
				display: block;
				width: 20px;
				height: 20px;
				position: absolute;
				top: 10px;
				right: 15px;
				font-size: 20px;
				line-height: 20px;
				text-align: center;
				color: #FF4F0F;
			}
		}
	}
}
// 点击搜索按钮弹出框
.pop-search {
	width: 100%;
	display: none;
	position: absolute;
	top: 38px;
	padding: 10px;
	background-color: #F7F7F7;
	border-bottom: 1px solid #DADADA;
	-webkit-box-shadow: 0 3px 6px #DDD;
	-moz-box-shadow: 0 3px 6px #DDD;
	box-shadow: 0 3px 6px #DDD;
	>.input-group {
		padding-bottom: 10px;
	}
	h5 {
		font-size: 14px;
		margin-bottom: 0;
	}
	li {
		width: 25%;
		float: left;
		padding: 10px 10px 0 0;
		background-color: transparent;
		a {
			display: block;
			font-size: 12px;
			line-height: 30px;
			border: 1px solid rgb(204, 204, 204);
			border-radius: 3px;
			text-align: center;
			color: #5A5A5A;
		}
	}
}
// 商品展示部分
.goods {
	padding: 90px 0 6px 0;
	ul {
		width: 98%;
		margin: 0 auto;
	}
	li {
		float: left;
		width: 50%;
		> a {
			display: block;
			margin: 4px;
			background-color: #FFF;
			> img {
				width: 100%;
				height: auto;
				text-align: center;
				overflow: hidden;
			}
			>h5 {
				color: #333;
				padding: 0 6px;
				height: 14px;
				overflow: hidden;
				font-size: 12px;
				line-height: 14px;
				text-align: left;
				margin-top: 6px;
				margin-bottom: 0;
			}
			>p {
				padding: 6px;
				>span {
					float: left;
					color: #F8601D;
					font-size: 20px;
					>i {
						font-size: 10px;
						color: #F8601D;
					}
				}
				>button {
					float: right;
					font-size: 14px;
					color: #FFF;
					border-radius: 3px;
					background-color: #FF9501;
					padding: 4px 10px;
				}
			}
		}
	}
}
// loading部分
.loading {
	margin-top: 15px;
	text-align: center;
	font-size: 16px;
	font-family: "微软雅黑";
	background-color: #F8F8F8;
	>em {
		margin-top: 15px;
		vertical-align: middle;
		margin-right: 4px;
		>img {
			width: 32px;
			height: 32px;
		}
	}
	>span {
		display: inline-block;
	}
}